<meta charset="utf-8">
<link rel="stylesheet" href="../src/css/pages/lookalikeAudience.css">
<!--右侧区域：开始-->
<!--需要修改的区域 ：开始-->
<div class="fmp-container">
    <div class="audience-c">
        <div class="ndp-tab-wrapper" name="plain-tab" style="margin:5px 0 10px 0;"></div>
        <div class="">
            <div class="search-content">
                <button id="au-create-btn" class="btn btn-primary">{{i18n-createLikeAudience}}</button>
                <div class="searchDiv">
                    <input name="searchName" type="text" value="" placeholder="{{i18n-keySearch}}">
                    <button id="au-search-btn" class="btn btn-primary">{{i18n-search}}</button>
                </div>
            </div>
            <!--列表：开始-->
            <table class="table table-bordered table-hover" list-manager="lookAlikeAudienceManager">
                <thead>
                    <tr>
                        <th th-name="t-seq" width="5%">{{i18n-order}}</th>
                        <th th-name="t-ll-au" width="50%">{{i18n-likeAudience}}</th>
                        <th th-name="t-scale" width="10%">{{i18n-scale}}</th>
                        <th th-name="t-status" width="10%">{{i18n-status}}</th>
                        <th th-name="t-timeUpdated" width="15%">{{i18n-updateTime}}</th>
                        <th th-name="t-option" width="10%">{{i18n-opt}}</th>
                    </tr>
                </thead>
                <tbody id="au-grid">
                </tbody>
            </table>
            <!--列表：结束-->
        </div>
    </div>
</div>
<!--需要修改的区域 ：结束-->
<!--右侧区域：结束-->
<!--注销提示：开始-->
<div id="MsgBoxBack" class="divMessageBox">
    <div class="MessageBoxContainer">
        <div class="MessageBoxMiddle">
            <span class="MsgTitle">
                        <i class="fa fa-sign-out txt-color-orangeDark"></i> {{i18n-exit}}
                        <span class="txt-color-orangeDark">
                            <strong></strong>
                        </span> ?
            </span>
            <p class="pText">{{i18n-exitConfirm}}</p>
            <div class="MessageBoxButtonSection">
                <button class="btn btn-default btn-sm" cancel-action> No</button>
                <button class="btn btn-default btn-sm" logout-action> Yes</button>
            </div>
        </div>
    </div>
</div>
<!--注销提示：结束-->
<!-- 创建受众 begin -->
<div id="create-au-dialog" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">{{i18n-createLikeAudience}}</h4>
            </div>
            <div class="modal-body">
                <form class="form-horizontal" role="form">
                    <div class="form-group">
                        <label class="col-sm-2 control-label original">
                            <strong>{{i18n-originalAudience}}</strong></label>
                        <label class="radio-inline">
                            <input type="radio" class="origin-type-select" checked="checked" name="radio1" value="1">{{i18n-customAudience}}
                        </label>
                        <label class="radio-inline" style="display: none;">
                            <input type="radio" class="origin-type-select" name="radio1" value="2"> {{i18n-fansPage}}
                        </label>
                        <div class="au-select">
                            <select class="template-drop-selector js-states form-control accessible" name="custom-au"></select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-2 control-label"><strong>{{i18n-audienceRange}}</strong></label>
                        <label class="radio-inline">
                            <input type="radio" class="radio-type-is-county" checked="checked" name="radio2" value="0">{{i18n-sameCountry}}
                        </label>
                        <label class="radio-inline">
                            <input type="radio" class="radio-type-is-county" name="radio2" value="1"> {{i18n-sameRange}}
                        </label>
                        <div class="au-select" name="country-select-div">
                            <select class="template-drop-selector  form-control accessible " name="similar-country-au"></select>
                            <i class="glyphicon glyphicon-info-sign" data-toggle="tooltip" data-placement="right" data-html="true" data-original-title="<div align='left'>{{i18n-countryTooLittleMsg}}</div>" style="left: 6px;">
                            </i>
                        </div>
                    </div>
                    <div class="form-group bc-box-out">
                        <!-- 覆盖人数 -->
                        <div class="counts-div">
                            <span class="counts-span">{{i18n-uniqueUser}}</span>
                            <ul class="list-inline counts-ul" style="display: none;">
                                <li></li>
                                <li class="step-no"></li>
                                <li class="step-no">0</li>
                                <li class="step-no">0</li>
                                <li class="step-no">0</li>
                                <li class="step-no">0</li>
                                <li class="step-no">0</li>
                                <li class="step-no">0</li>
                                <li class="step-no">0</li>
                                <li class="step-no">0</li>
                                <li class="step-no">0</li>
                            </ul>
                        </div>
                        <!-- 相同受众规模-->
                        <div name="similar-au" class="panel panel-default similar-out" style="display: none;">
                            <div class="similar-range">
                                <input name="similar-au" type="hidden" value="1" />
                            </div>
                            <span class="similar-c">%
                                 <i class="glyphicon glyphicon-info-sign" data-toggle="tooltip" data-placement="right" data-html="true"
                                    data-original-title="<div align='left'>{{i18n-selectCountryMsg}}</div>">
                                 </i>
                            </span>
                        </div>
                        <span class="glyphicon glyphicon-plus box-add" name="similar-city-add"></span>
                        <span class="glyphicon glyphicon-plus box-add box-add-s" name="similar-au-add" style="display: none;"></span>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary save-btn">{{i18n-ok}}</button>
                <button type="button" class="btn btn-default cancel-btn" data-dismiss="modal">{{i18n-cancel}}</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<div id="delete-au-dialog" class="modal fade">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title">{{i18n-delete}}</h4>
            </div>
            <div class="modal-body">
                <p>{{i18n-delConfirmPre}}“&nbsp;<span name="del-name"></span>&nbsp;”{{i18n-delConfirmPost}}</p>
                <div class="radio">
                    <label>
                        <input type="radio" name="delete-radio" value="1" checked> {{i18n-delConfirmYes}}
                    </label>
                </div>
                <div class="radio">
                    <label>
                        <input type="radio" name="delete-radio" value="2"> {{i18n-delConfirmNo}}
                    </label>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary delete-btn">{{i18n-ok}}</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">{{i18n-cancel}}</button>
            </div>
        </div>
        <!-- /.modal-content -->
    </div>
    <!-- /.modal-dialog -->
</div>
<!-- 创建受众 end -->
